body {
margin : 0;
padding : 0;
font : 75% helvetica, "Trebuchet MS", arial, sans-serif;
background : #fffff0;
line-height : 1.7em;
color : #555;
}
			/*TOP BANNER*/
#header
{
	height: 188px;
	margin-top: 0;
	padding: 0;
	background: #e88d33 url( 'log_pudahuel.gif' ) no-repeat;
	color: #555;
}
			/*TOP NAVIGATION*/
#topnav ul {
padding : 0.5em 0;
margin : 0 0 5px 0;
list-style-type : none;
background : #885835;
color : #fff;
text-align : center;
font-weight : bold;
}
#topnav li {
display : inline;
}
#topnav li a, #topnav a:visited {
text-decoration : none;
background : #885835;
color : #fff;
padding : 0.6em 1.3em;
border-right : 1px solid #fff;
}
#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration : none;
background : #f17327;
color : #000;
}
			/*3 COLUMNS*/
#gutter {
float : left;
width : 3%;
height : 1px;
}
#col1 {
    float : left;
    width: 21%;
    margin-bottom : 1em;
    padding-right : 1%;
}
#col2 {
float : left;
width : 70%;
margin-left : 2%;
margin-bottom : 1em;
border-left : 1px dashed #dda875;
border-right : 1px dashed #dda875;
padding-right : 3%;
padding-left : 3%;
    margin-right: 23px;
}
#col3 {
    float: right;
    width : 18%;
    margin-left : 3%;
    margin-bottom : 1em;
}

div.login
{
    width:220px;
    padding:10px;
    border:5px solid orange;
    font-family: Georgia, "Times New Roman", Times, serif;
    background-color:Transparent Orange;
    margin:20px 400px;
}
			/*RIGHT NAVIGATION*/
#navcontainer ul {
margin : 0;
padding : 0;
list-style-type : none;
background : #fffff0;
color : #666;
}
#navcontainer ul li a
{
	padding: 20px;
	color: #885835;
	background: transparent url( 'list-off-orange.gif' ) no-repeat left center;
	text-align: left;
	font: 12px "Lucida Grande" , "Lucida Sans Unicode" , lucida, sans-serif;
	text-decoration: none;
}
#navcontainer ul li a:hover
{
	color: #f17327;
	background: transparent url( 'list-on-orange.gif' ) no-repeat left center;
}
#navcontainer ul li a#current
{
	background: transparent url( 'list-active.gif' ) no-repeat left center;
	color: #000;
}
			/*FOOTER*/
#footer {
clear : both;
height : 40px;
background : #f17327;
border-top : 5px solid #885835;
color : #000;
padding : 0.2em 0 0 0.5em;
text-align : left;
}
#footer a {
color : #fff;
background : inherit;
}
#footer a:hover {
color : #000;
background : inherit;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0;
padding-top : 75px;
text-align : center;
font-size : 2em;
color : #efecdc;
background : inherit;
}
h2 {
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
text-transform : uppercase;
letter-spacing : 3px;
font-size : 1.5em;
color : #885835;
background : inherit;
}
h3 {
margin-top : 0;
font-size : 0.75em;
text-align : center;
color : #666;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/
a {
text-decoration : none;
color : #006699;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #444;
background : inherit;
}
a img {
border : 0;
}
			/*IMAGES*/
.myimage {
float : left;
padding : 10px;
border : 1px solid #aaa;
margin-right : 10px;
}
.myimage2 {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}

#itsthetable table a:link {color: #CC6633;}
#itsthetable table a:visited {color: #CC6633;}
#itsthetable table a:hover {color: #999966;}
#itsthetable table a:active {color: #CC6633;}
#itsthetable table a:focus{color: #CC6633;}


#itsthetable table caption {
		padding: 18px 2px 15px 2px;
		color: #cfcfcf;
		background-color: inherit;
		font-weight: normal;
		text-align: center;
		text-transform: capitalize;
		}

	#itsthetable table{
		border: 1px solid #D9D9D9;
	}
	#itsthetable table tr td{
		padding: 6px 9px;
		text-align:left;

	}
	#itsthetable table thead th{
		background-color: #E5E5D8;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #D9D9D9;
		font-weight: bold;
		text-align:left;
		padding: 16px 9px;
		color:#592C16;
	}
	#itsthetable table tbody tr th{
		background-color: #fff;
		font-weight: normal;
		border-left: none;
		padding: 6px 9px;
		background-color: #E5E5D8;
	}
	#itsthetable table tbody td{
			border-left: 1px solid #D9D9D9;
	}
	#itsthetable table tbody tr.odd{
		background-color: #F3F3F3;
	}
	
#itsthetable table tbody tr:hover {
	color: #333333;
	background-color: #E5E5D8;
}

#itsthetable table tbody tr.odd:hover {
color: #333333;
	background-color: #E5E5D8;
}
	
	#itsthetable table tfoot td, #itsthetable table tfoot th{
		border-top: 1px solid #ccc;
		font-weight:bold;
		color:#592C16;
		padding: 16px 9px;
		
}


/*GridViewCSS*/

.GridViewStyle

{

    font-family: Arial, Sans-Serif;

    font-size:small;

    table-layout: auto;

    border-collapse: collapse;

    border: #e88d33 5px solid;

}

/*Header and Pager styles*/

.HeaderStyle, .PagerStyle /*Common Styles*/

{

    background-image: url('encabezadoNaranjo.jpg');

    background-position:center;

    background-repeat:repeat-x;

    background-color:#fcc000;

}

.HeaderStyle th

{

    padding: 5px;

    color: #ffffff;

}

.HeaderStyle a

{

    text-decoration:none;

    color:#ffffff;

    display:block;

    text-align:left;

    font-weight:normal;

}

.PagerStyle table

{

    text-align:center;

    margin:auto;

}

.PagerStyle table td

{

    border:0px;

    padding:5px;

}

.PagerStyle td

{

    border-top: #1d1d1d 3px solid;

}

.PagerStyle a

{

    color:#ffffff;

    text-decoration:none;

    padding:2px 10px 2px 10px;

    border-top:solid 1px #777777;

    border-right:solid 1px #333333;

    border-bottom:solid 1px #333333;

    border-left:solid 1px #777777;

}

.PagerStyle span

{

    font-weight:bold;

    color:#FFFFFF;

    text-decoration:none;

    padding:2px 10px 2px 10px;

}

/*RowStyles*/

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/

{

    padding: 5px;

    border-right: solid 1px #e88d33;

}

.RowStyle td

{

    background-color: #fffff0;

}

.AltRowStyle td

{

    background-color: #f0f0f0;

}

.SelectedRowStyle td

{

    background-color: #ffff66;

}
